<template>
  <div class="homeBottomLeft">
    <div class="class-title-icon">
      <div class="title">分类统计图</div>
      <line-chart :chartData="setChartData"/>
    </div>
  </div>
</template>

<script>
import lineChart from './lineChart'
export default {
  props: ['monthData'],
  components: { lineChart },
  data(){
    return {
      setChartData: null
    }
  },
  watch:{
    monthData:function(data){
      // console.log("分类统计:", data);
      if (data){
        this.setChartData = data;
      }
    }
  }
}
</script>
<style scoped>
  @import url('../../assets/css/home.css');
</style>
<style scoped>
  .homeBottomLeft{
    width: 100%;
    height: 100%;
    position: relative;
  }
</style>
